<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // for(var i = 0 ; i< 5; i++){
        //     document.write("*")
        // }
        // document.write("<br>")
        // for(var i = 0 ; i< 5; i++){
        //     document.write("*")
        // }
        // document.write("<br>")
        // for(var i = 0 ; i< 5; i++){
        //     document.write("*")
        // }
        // document.write("<br>")
        // for(var i = 0 ; i< 5; i++){
        //     document.write("*")
        // }
        // document.write("<br>")
        // for(var i = 0 ; i< 5; i++){
        //     document.write("*")
        // }
        // document.write("<br>")


        /* 循环的嵌套 */
        // for (var j = 0; j < 5; j++) {
        //     for (var i = 0; i < 5; i++) {
        //         document.write("*")
        //     }
        //     document.write("<br>")
        // }


        /* 继续变形 */
        // for (var j = 0; j < 3; j++) {//行
        //     for (var i = 0; i < 5; i++) {//列
        //         document.write("*")
        //     }
        //     document.write("<br>")
        // }
        /* 
            总结:
                当for嵌套循环的时候,外循环表示的行
                内循环表示的是列
        */


        /* 打印九九乘法表 
            规律:
                第一行=>显示一列
                第二行=>显示二列
                第三行=>显示三列
                .....

                列要小于等于行
        */
        // for (var j = 1; j <= 9; j++) {//行
        //     for (var i = 1; i <= j; i++) {//列
        //         document.write("*")
        //     }
        //     document.write("<br>")
        // }


        /* 九九乘法表 */
        for (var j = 1; j <= 9; j++) {//行
            for (var i = 1; i <= j; i++) {//列
                document.write(i+"*"+j+"="+(i*j)+"&emsp;")
            }
            document.write("<br>")
        }

        /* 继续变形 */
        // document.write("<table>")
        // for (var j = 1; j <= 9; j++) {//行
        //     document.write("<tr>")
        //     for (var i = 1; i <= j; i++) {//列
        //         document.write("<td style='border:1px solid'>")
        //         document.write(i + "*" + j + "=" + (i * j) + "&emsp;")
        //         document.write("</td>")
        //     }
        //     document.write("</tr>")
        // }
        // document.write("</table>")
    </script>
</body>

</html>